<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script src="js/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(function(){ 
//Default Action 
$(".tab_content").hide(); //Hide all content 
$("ul.tabs li:first").addClass("active").show(); //Activate first tab 
$(".tab_content:first").show(); //Show first tab content 
//On Click Event 
$("ul.tabs li").click(function() { 
$("ul.tabs li").removeClass("active"); //Remove any "active" class 
$(this).addClass("active"); //Add "active" class to selected tab 
$(".tab_content").hide(); //Hide all tab content 
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
$(activeTab).fadeIn(); //Fade in the active content 
return false; 
}); 
}); 
</script> 
<script type="text/javascript"> 
$(function(){
$('#login').click(function(){   //给box_btn绑定一个鼠标点击的事件
$.blockUI({    //当点击事件发生时调用弹出层
  message: $('#loginbox'),    //要弹出的元素box
  css: {    //弹出元素的CSS属性
    border:'5px solid #334343',
    textAlign: 'left',
	width: '490px',
	top:  ($(window).height() - 290) /2 + 'px', 
    left: ($(window).width() - 490) /2 + 'px', 
	cursor: 'auto'
       },
  overlayCSS: {
	opacity: '0.7' 
	          }
         });
$('.blockOverlay').attr('title','单击关闭').click($.unblockUI);   //遮罩层属性的设置以及当鼠标单击遮罩层可以关闭弹出层
$('.close').click($.unblockUI);  //也可以自定义一个关闭按钮来关闭弹出层

});

});
</script> 
</head>

<body>

<div id="loginbox" style="display:none">
  <div class="login_title">会员登录</div>
  <div class="login_input">
    <div class="input"><span>账号：</span><span><input name="user" type="text" /></span></div>
    <div class="input"><span>密码：</span><span><input name="pwd" type="password" /></span></div>
    <div class="login_input_1 clearfix"><input name="" type="checkbox" value="" id="store1" /><label for="store1">自动登录</label><a href="#">找回密码</a></div>
    <div class="reg clearfix"><span><input class="login_btn" name="" type="image" src="images/login.jpg" /></span><span>还没有账号？</span><a href="#">立即注册</a></div>
  </div>
</div>

<div class="top">
  <div class="top_content clearfix"><span class="left">欢迎来到外卖网365！</span><span class="right"><a href="#" id="login">登录</a> / <a href="#">注册</a> | <a href="#">店铺登陆</a></span></div>
</div>
<div class="content clearfix">
  <div class="sub_top clearfix">
    <div class="left"><span class="sub_top_addr">SOHO现代城</span><span>[切换地址]</span></div>
    <div class="right"><span class="sub_top_nearby">SOHO现代城A座301室</span><span class="sub_top_nearby">苏州街创业大厦102室</span><span class="sub_top_nearby">三元桥A座301室</span></div>
  </div>
  <div class="content_con clearfix" style="margin-top:0px;">
    <div class="box">
      <div class="box_title"><div class="box_title_title">
        <input type="checkbox" name="checkbox" id="checkbox" />
        <label for="checkbox">推荐餐厅</label>
        <input type="checkbox" name="checkbox" id="checkbox1" />
        <label for="checkbox1">营业中</label>
        <input type="checkbox" name="checkbox" id="checkbox2" />
        <label for="checkbox2">茉香蜜(清)茶</label>
        <input type="checkbox" name="checkbox" id="checkbox3" />
        <label for="checkbox3">29分钟不达免单</label>
        <input type="checkbox" name="checkbox" id="checkbox4" />
        <label for="checkbox4">6元套餐</label>
        <input type="checkbox" name="checkbox" id="checkbox5" />
        <label for="checkbox5">9元套餐</label>
      </div></div>
      <div class="sub clearfix">
        <ul class="sub_con clearfix">
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
          <li>
            <div class="clearfix">
              <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
              <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
            </div>
            <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
          </li>
        </ul>
        <div class="sub_loading"></div>
      </div>
    </div>
  </div>
</div>

<div class="bottom">
  <div class="bottom_content clearfix">
    <div class="bottom_left left"><img src="images/logo_s.gif"></div>
    <div class="bottom_right left">
      <div><a href="#">关于我们</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">诚招英才</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">合作商谈</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">网站地图</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">免责条款</a></div>
      <div>Copyright © 2013 waimaiwang365.com All rights reserved  京ICP备030173号</div>
    </div>
  </div>
</div>
</body>
</html>
